Code With Mukto | Essential Code Snippet For Web Developers
Code with Mukto - Essential Code Snippet For Web Developers

Code with Mukto

Essential Code Snippet For Web Developers

This is not a good idea to write all code from scratch & it makes the development time longer. That is why I put all my most valuable and complex code here so I can reuse it and at the same time other developers can.

Top Code Snippets

WordPress Ajax Search without plugin [ Easy ]

WordPress Ajax Search without plugin. Fully custom code work with woocommerce as well

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

File manager for any website

You can install a File manager for any website you are working on. It simple file manager PHP script that made by Tiny File Manager

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Ajax Product Search and Category Filter Without Plugin

WooCommerce Ajax Product Search with Category Filter. Simple code, without any plugin.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Cookie Popup with jQuery

Browser cookies popup accept, store cookies in browser with jQuery

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Easy ACF repeater Bootstrap accordion in WordPress

FAQ collapse design with ACF repeater Bootstrap accordion

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WordPress category or taxonomy list

WordPress custom taxonomy term list with function and loop. show taxonomy team on wp query loop

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Simple jQuery Accordion Collapse

Custom coded Simple jQuery Accordion with toggle arrow. No need extra plugin or fremwork like bootstrap

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Filter custom post type by Custom Field (ACF) in the admin area

Show filter on custom post type admin area with custom field value

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Sticky Menu Show when scrolling up

Header bar only show when scrolling up with simple jQuery and CSS trick.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Elementor text editor Typography Issue [solution]

Elementor text editor Typography Issue [solution] Font size, color, line height issue fixed

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Advanced Custom Fields code snippet

Advance custom field Link Field, Flexible content Field, Gallery and tricks code snippet

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Checkout Conflict with Bootstrap 4.x

WooCommerce Checkout Conflict with Bootstrap 4.x. simple small code can fix this issue

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

New Code Snippets

How to Add Page Template from Your Plugin

Add custom page template from your plugin with simple code snippet.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Preventing Duplicate Email Submissions in Elementor Pro Forms

Prevent users from submitting the same email multiple times in an Elementor Pro form with this simple code.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Add custom Elementor widgets in the Hello child theme

learn how to add custom Elementor widgets to the Hello child theme.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Adding and Removing Class Based on Element Visibility in the Viewport

Add class on element if it come in view and remove not in view

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Enabling Guest Checkout in WooCommerce: Bypassing Email Verification for Order Payment

Enable guest payment, bypass email verification. Enhance user experience, boost conversions. Easy, efficient, and customer-friendly solution

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Making Specific Products Unpurchasable or purchasable for a specific date in WooCommerce

How to make specific products not purchasable in WooCommerce using code.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Custom Order Dropdown Based on Payment Method

WooCommerce admin order page custom drop-down base on payment method & show order admin column with code only

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Sequential Fading jQuery Text Animation

This code animates text using jQuery, creating a seamless, captivating effect with elegant fades, enhancing user engagement and enriching web design.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Customizing WooCommerce Order Numbers with Prefix and Year Suffix

Customize WooCommerce order numbers your way, whether you prefer code or a plugin. Add unique prefixes and dynamic year-based suffixes effortlessly. Make your store’s orders truly yours!

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

How to Implement Google Ads Conversion Tracking in WooCommerce

Learn how to add Google Ads tracking code to your WooCommerce thank you page effortlessly, without the need for plugins.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Random slide order in slick sider

Change slick carousel slide order randomly

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Implementing WooCommerce Shop Page Quantity Input and Plus (+) Minus (-) Button with simple Code

Enhance the user experience on your WooCommerce website by adding quantity plus minus buttons and a quantity option on the shop page.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Allow Only Business Email Addresses in the Email Field of Elementor Forms

Accept submissions from Business emails on Elementor Forms

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Change WordPress URL in Database with phpMyAdmin and SQL query

Replace WordPress old URL to new URL with SQL Query

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

Add an additional custom checkbox in the WooCommerce checkout

Add an additional custom checkbox after the terms and conditions in WooCommerce checkout we can use WooCommerce

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=

WooCommerce Ajax Product Search and Category Filter Without Plugin

WooCommerce Ajax Product Search with Category Filter. Simple code, without any plugin.

View code - data-lazy-src="https://code.mukto.info/wp-content/themes/mukto/assets/img/arrow.svg"><noscript><img width="11" height="10"
                                src=
top